<template>
  <div class="c404">
    <div class="bigtitle">404</div>
    <div class="message">
      <p>很抱歉,可能您访问的页面不存在,或者您没有权限访问该页面</p>
      <p>您可以尝试返回主页,或者更换账号再登录</p>
    </div>
    <div class="btns">
      <el-button @click="goHome" size="large">返回首页</el-button>
      <el-button @click="goLogin" size="large">重新登录</el-button>
    </div>
  </div>
</template>
<script setup>
import { ref, reactive } from "vue";
import { useRoute, useRouter } from "vue-router";
const route = useRoute();
const router = useRouter();
function goHome() {
  router.push("/home");
}
function goLogin() {
  window.sessionStorage.setItem("token",'')
  window.sessionStorage.setItem("menus",'')
  router.push("/login");
}
</script>
<style scoped>
.c404 {
  padding: 200px;
}
.bigtitle {
  font-size: 200px;
  font-weight: 700;
  color: #ff8484;
}
.message {
  font-size: 20px;
  font-weight: 300;
  color: #a6a6a6;
  margin-bottom: 100px;
}
</style>